<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="../static/pagecss/index.css">
</head>

<body>
    <div id="app" class="container">
        <h2>MR Build Sever Monitor</h2>
        <div class="top_box">
            <div class="topbox_left">
                <div class="rule">
                    <div class="text">
                        <label>Rule:</label>
                        <input type="text" v-model="new_rule">
                    </div>
                    <div class="tocken">
                        <label>Tocken:</label>
                        <input type="password" v-model="tocken">
                    </div>
                    <!-- <button @mouseenter="showtip(true)" @mouseleave="showtip(false)">点击</button> -->
                    <div class="tip" title="Ask tocken for admin(503247565)
Download frog build to BTP server
Rule input build full name
Inserted rules only take effect on the current day
">
                        <label>Tips</label>
                        <img src="../static/img/tips.svg">
                    </div>
                </div>
                <div class="insert_bnt">
                    <div class="outer" @click="insert_rule">
                        <a>Insert</a>
                        <img src="../static/img/text_insert.svg" alt="">
                    </div>
                </div>
                <div class="show_rule">
                    <li v-for="rule in build_rules" v-text="rule"></li>
                    <!-- <textarea name="" id="" cols="30" rows="10"></textarea> -->
                </div>
            </div>
            <div class="topbox_right">
                <div class="path">
                    <div class="pvr2">
                        <label>/b/pvr2</label>
                        <img src="../static/img/search.svg" @click="query_builds('/mrlic/builds')">
                    </div>
                    <div class="nas">
                        <label>/b/MR_nas</label>
                        <img src="../static/img/search.svg" @click="query_builds('/mrlic/nas_builds')">
                    </div>
                </div>
                <div class="show_build">
                    <textarea v-text="builds"></textarea>
                </div>
            </div>
        </div>

        <div class="server_status">
            <div class="server">
                <img src="../static/img/server1.svg" class="server_ico">
                <label class="sever_name">Angle</label>
                <img src="../static/img/refresh.svg" class="refresh" @click="query_angle">
                <div class="show_status" v-show="! angle_idle">

                    <label class="pid_lab">PID:</label>
                    <span class="pid_num" v-text="angle_pid"></span>
                    <div class="progress-bar">
                        <div class="progress-grow">
                        </div>
                    </div>
                    <label v-text="angle_task"></label>
                    <img src="../static/img/timer.svg" class="timer_ico">
                    <!-- <label class="dura
                        tion">duration:</label> -->
                    <label class="duration" v-text="angle_duration"></label>
                </div>
                <div class="blank" v-show="angle_idle">
                    <label>idle</label>
                </div>
            </div>
            <div class="server">
                <img src="../static/img/server1.svg" class="server_ico">
                <label class="sever_name">Agnes</label>
                <img src="../static/img/refresh.svg" class="refresh" @click="query_agnes">
                <div class="show_status" v-show="! agnes_idle">

                    <label class="pid_lab">PID:</label>
                    <span class="pid_num" v-text="agnes_pid">10889</span>
                    <div class="progress-bar">
                        <div class="progress-grow">
                        </div>
                    </div>
                    <label v-text="agnes_task"></label>
                    <img src="../static/img/timer.svg" class="timer_ico">
                    <!-- <label class="duration">duration:</label> -->
                    <label class="duration" v-text="agnes_duration"></label>
                </div>
                <div class="blank" v-show="agnes_idle">
                    <label>idle</label>
                </div>
            </div>
            <div class="server">
                <img src="../static/img/server1.svg" class="server_ico">
                <label class="sever_name">Mrlic</label>
                <img src="../static/img/refresh.svg" class="refresh" @click="query_mrlic">
                <div class="show_status" v-show="! mrlic_idle">

                    <label class="pid_lab">PID:</label>
                    <span class="pid_num" v-text="mrlic_pid"></span>
                    <div class="progress-bar">
                        <div class="progress-grow">
                        </div>
                    </div>
                    <label v-text="mrlic_downloading_build"></label>
                    <img src="../static/img/timer.svg" class="timer_ico">
                    <!-- <label class="duration">duration:</label> -->
                    <label class="duration" v-text="mrlic_duration"></label>
                </div>
                <div class="blank" v-show="mrlic_idle">
                    <label>idle</label>
                </div>
            </div>


            <div class="qiu">
                <div class="wave">
                    <div class="bubble"></div>
                    <div class="bubble"></div>
                    <div class="bubble"></div>
                    <div class="bubble"></div>
                    <div class="bubble"></div>
                </div>
            </div>

        </div>
        <div class="tail">
            <div class="bnt_line">
                <a class="tip_left" href="http://kunvm1.ap.health.ge.com:8089/debug">
                    <label>传送门</label>
                    <img src="../static/img/men.svg">
                </a>
                <a class="tip_right" href="http://kunvm1.ap.health.ge.com:8089/error">
                    <img src="../static/img/men.svg">
                    <label>传送门</label>
                </a>
                <!-- <a click="logout">退出</a>
                <a href="http://kunvm1.ap.health.ge.com:8089">首页</a> -->
            </div>
            <div class="copyright">
                <p class="line1">
                    <span>Copyright(c)</span>
                    <span class="date">日期</span>
                    <span class="h">h</span><span class="m">m</span><span class="s">s</span>
                </p>
            </div>
        </div>
    </div>
    <script src="../static/dist/axios.min.js"></script>
    <script src="../static/dist/vue.js"></script>
    <script src="../static/pagejs/index.js"></script>
</body>

</html>